.house-details-wrap {
  .swiper {
    position: relative;
    width: 100%;
    :deep(.u-swiper) {
      height: 495rpx !important;
      .u-swiper__wrapper {
        height: inherit !important;

        .u-swiper__wrapper__item {
          .u-swiper__wrapper__item__wrapper {
            .u-swiper__wrapper__item__wrapper__image {
              width: 100%;
              height: 495rpx !important;
              object-fit: fill;
            }
          }
        }
      }
    }
    .vr-btn {
      background: linear-gradient(90deg, #FF934C 0%, #FC686F 100%);
      border-radius: 13rpx;
      font-family: 'ali-m';
      font-weight: 500;
      font-size: @font-size-23;
      color: #FFFFFF;
      position: absolute;
      bottom: 50rpx;
      left: 50%;
      transform: translateX(-50%);
      text-align: center;
      padding: 10rpx 30rpx;
    }
  }
  .house-details-tab {
    background-color: @color-font;
    margin-bottom: 25rpx;
    :deep(.u-tabs) {
      background-color: #ffffff;
      .u-tabs__wrapper {
        .u-tabs__wrapper__scroll-view-wrapper {
          .u-tabs__wrapper__scroll-view {
            .u-tabs__wrapper__nav {
              .u-tabs__wrapper__nav__item {
                flex: 1 !important;
                height: 110rpx !important;
                .u-tabs__wrapper__nav__item__text {
                  font-family: 'ali-p';
                  font-weight: 500;
                  color: @color-black-text;
                  text-align: center;
                }
              }
              .u-tabs__wrapper__nav__line {
                margin-top: 20rpx;
                width: 71rpx;
                height: 11rpx !important;
                background: @color-green !important;
              }
            }
          }
        }
      }
    }
  }
  .house-details-card {
    margin: 15rpx 31rpx 0;
    .house-details-text {
      font-family: 'ali-p';
      font-weight: 500;
      font-size: @font-size-31;
      color: @color-black-text;
    }
    .house-details-price {
      font-family: 'ali-p';
      font-size: 23rpx;
      font-weight: 500;
      margin-top: 12rpx;

      .price-remark {
        color: @color-light-grey-text;
      }
    }
    .house-details-introduce {
      font-family: 'ali-p';
      font-size: @font-size-23;
      color: @color-grey;
      margin-top: 35rpx;
      display: flex;
      flex-direction: column;
      .title {
        font-weight: 500;
        font-size: 31rpx;
        color: @color-black-text;
      }
      :deep(._root) {
        margin-top: 15rpx;
        font-size: 23rpx;
        color: @color-light-grey-text;
        background-color: @color-origin-white;
        letter-spacing: 2rpx;
        padding-bottom: 30rpx;
      }
    }
  }
  .house-details-box {
    margin-left: 10rpx;
    .text {
      font-family: 'ali-m';
      font-weight: 500;
      font-size: @font-size-23;
      color: @color-black-text;
    }
  }
  .customer-head {
    height: calc(44px + env(safe-area-inset-top));
    line-height: calc(44px + env(safe-area-inset-top));;
    text-align: center;
    font-family: 'ali-m';
    font-weight: 500;
    font-size: 35rpx;
    color: @color-msg;
  }
  .house-customer-item {
    font-family: 'ali-m';
    font-size: 35rpx;
    color: @color-label;
    padding: 0 20rpx;
    margin-top: 40rpx;
    position: relative;
    .photo {
      color: @color-blue;
    }
    .customer-title {
      font-family: "ali-m";
      font-weight: 500;
      font-size: 38rpx;
      color: @color-black;
      margin-bottom: 40rpx;
    }
    .customer-img {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      width: 200rpx;
      height: 200rpx;
      object-fit: cover;
    }
  }
  .slot-icon {
    width: 58rpx;
    height: 58rpx;
  }
  .go-real-name-authentication-popup {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 40vw;
    height: 300rpx;
    border-radius: 40rpx;
    padding: 20rpx 40rpx;
    font-family: "ali";

    &-text {
      height: 100rpx;
      line-height: 100rpx;
      text-align: center;
      font-weight: 600;
    }

    &-btn {
      width: 100%;
      height: 60rpx;
      line-height: 60rpx;
      color: #fff;
      font-weight: 700;
      text-align: center;
      background-color: #00a4ff;
      border-radius: 40rpx;
    }
  }
}
